$(function () {
    // ceshis1();
    ceshis2();
    pay();

    // 1 右2
//     function ceshis1() {
//     var chartDom = document.getElementById('chart2');
//     var myChart = echarts.init(chartDom);
//     var option;
//
//     option = {
//       tooltip: {
//         trigger: 'item'
//       },
//       legend: {
//         orient: 'vertical',
//         left: 'left'
//       },
//       series: [
//         {
//           name: '旅行社等级',
//           type: 'pie',
//           radius: '50%',
//           data: [
//             { value: 6, name: '5A' },
//             { value: 17, name: '4A' },
//             { value: 18, name: '3A' },
//             { value: 19, name: '2A' },
//             { value: 40, name: 'A' }
//           ],
//           emphasis: {
//             itemStyle: {
//               shadowBlur: 10,
//               shadowOffsetX: 0,
//               shadowColor: 'rgba(0, 0, 0, 0.5)'
//             }
//           }
//         }
//       ]
//     };
//     option && myChart.setOption(option);
// }

    // 2 左3
    function ceshis2() {
    var myChart = echarts.init(document.getElementById('chart3'));

    option = {
        /*backgroundColor: '#000',*/
        "animation": true,
        "title": {
            /*"text": 24,*/
           /* "subtext": "沥青工",*/
            "x": "center",
            "y": "center",
            "textStyle": {
                "color": "#fff",
                "fontSize": 10,
                "fontWeight": "normal",
                "align": "center",
                "width": "200px"
            },
            "subtextStyle": {
                "color": "#fff",
                "fontSize": 12,
                "fontWeight": "normal",
                "align": "center"
            }
        },
        "legend": {
            "width": "100%",
            "left": "center",
            "textStyle": {
                "color": "#fff",
                "fontSize": 12
            },
            "icon": "circle",
            "right": "0",
            "bottom": "0",
            "padding": [15, 20],
            "itemGap": 5,
            "data": ["散客拼团", "独立包团", "自由行", "自驾游"]
        },
        "series": [{
            "type": "pie",
            "center": ["50%", "40%"],
            "radius": ["20%", "53%"],
            "color": ["#FEE449", "#00FFFF", "#00FFA8", "#9F17FF", "#FFE400", "#F76F01"],
            "startAngle": 135,
            "labelLine": {
                "normal": {
                    "length": 15
                }
            },
            "label": {
                "normal": {
                    "formatter": "{b|{b}:}  {per|{d}%} ",
                    "backgroundColor": "rgba(255, 147, 38, 0)",
                    "borderColor": "transparent",
                    "borderRadius": 4,
                    "rich": {
                        "a": {
                            "color": "#999",
                            "lineHeight": 12,
                            "align": "center"
                        },
                        "hr": {
                            "borderColor": "#aaa",
                            "width": "100%",
                            "borderWidth": 1,
                            "height": 0
                        },
                        "b": {
                            "color": "#b3e5ff",
                            "fontSize": 12,
                            "lineHeight": 33
                        },
                        "c": {
                            "fontSize": 12,
                            "color": "#eee"
                        },
                        "per": {
                            "color": "#FDF44E",
                            "fontSize": 12,
                            "padding": [5, 8],
                            "borderRadius": 2
                        }
                    },
                    "textStyle": {
                        "color": "#fff",
                        "fontSize": 12
                    }
                }
            },
            "emphasis": {
                "label": {
                    "show": true,
                    "formatter": "{b|{b}:}{per|{d}%}",
                    "backgroundColor": "rgba(255, 147, 38, 0)",
                    "borderColor": "transparent",
                    "borderRadius": 4,
                    "rich": {
                        "a": {
                            "color": "#999",
                            "lineHeight": 22,
                            "align": "center"
                        },
                        "hr": {
                            "borderColor": "#aaa",
                            "width": "100%",
                            "borderWidth": 1,
                            "height": 0
                        },
                        "b": {
                            "color": "#fff",
                            "fontSize": 12,
                            "lineHeight": 33
                        },
                        "c": {
                            "fontSize": 12,
                            "color": "#eee"
                        },
                        "per": {
                            "color": "#FDF44E",
                            "fontSize": 12,
                            "padding": [5, 6],
                            "borderRadius": 2
                        }
                    }
                }
            },
            "data": [{
                "name": "散客拼团",
                "value": 2447
            }, {
                "name": "独立包团",
                "value": 1447
            }, {
                "name": "自由行",
                "value": 2062
            }, {
                "name": "自驾游",
                "value": 811
            }, ]
        }, {
            "type": "pie",
            "center": ["50%", "40%"],
            "radius": ["15%", "14%"],
            "label": {
                "show": false
            },
            "data": [{
                "value": 78,
                "itemStyle": {
                    "normal": {
                        "color": {
                            "x": 0,
                            "y": 0,
                            "x2": 1,
                            "y2": 0,
                            "type": "linear",
                            "global": false,
                            "colorStops": [{
                                "offset": 0,
                                "color": "#9F17FF"
                            }, {
                                "offset": 0.2,
                                "color": "#01A4F7"
                            }, {
                                "offset": 0.5,
                                "color": "#FE2C8A"
                            }, {
                                "offset": 0.8,
                                "color": "#FEE449"
                            }, ]
                        }
                    }
                }
            }]
        }]
    }

    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
    myChart.currentIndex = -1;
    //myChart.setOption(option);
    //console.log(option.series[0].data[0]);
    setInterval(function () {
        var dataLen = option.series[0].data.length;
        // 取消之前高亮的图形
        myChart.dispatchAction({
            type: 'downplay',
            seriesIndex: 0,
            dataIndex: myChart.currentIndex
        });
        myChart.currentIndex = (myChart.currentIndex + 1) % dataLen;
        // 高亮当前图形
        myChart.dispatchAction({
            type: 'highlight',
            seriesIndex: 0,
            dataIndex: myChart.currentIndex
        });
    }, 1000);

    window.addEventListener("resize",function(){
        myChart.resize();
    });
}
    // 1 粉色饼图
    function pay() {
    var chartDom = document.getElementById('pay');
    var myChart = echarts.init(chartDom);
    var option;
    option = {
        tooltip: {
          trigger: 'axis',
          backgroundColor: "blue",
        },
        xAxis: {
            name: '种类',
            type: 'category',
            axisLine: {
            lineStyle: {
              // 设置x轴颜色
              color: '#ffffff'
            }
          },
            data: ['旅游', '餐饮', '酒店', '导游', '会议', '其他']
          },

          yAxis: {
            name: '数值',
            type: 'value',
            min:0,
            max: 100000,
            splitNumber: 9,
              axisLine:{
                lineStyle: {
                    color:'#ffffff',
                }
              },
          },
          series: [
            {
              name:'万元',
              data: [97906, 67667, 34472, 58691, 20166, 58691],
              type: 'bar',
            }
          ]
        };

    option && myChart.setOption(option);


}









});